body {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}
a {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	color: #000;
	text-decoration: none;
}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
a:hover {
	color:#2464ae;
}
* {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
}
li {
	list-style-type: none;
}
h1 {
	color: #000000;
	font-size: 33px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
	}
h2 {
	color: #000;
	font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 6px;
	letter-spacing: 0;
	line-height: 1em;
	margin-bottom: 0;
	text-decoration: none;
	margin: 0;
	padding: 0 0 12px;
	text-transform: none;

}
h2 a {
	color: #000;
	
}

h3 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 6px !important;
	padding-top: 0px;
}
h5 {
    border-bottom: medium none;
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 13px;
    padding: 0;
}
#sub1  {
	}
p {
	padding-bottom: 10px;
}

#page {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper {
	float: left;
	width: 960px;
	position: relative;
}
/*
#nav {
	padding-left: 13px;
	float: left;
}
#nav ul {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

#nav ul a{
	display:block;
	color:#888;
	text-decoration:none;
	line-height: 22px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;

}
#nav ul a:hover {
	color:#555;
	}

#nav ul li{
	float:left;
	list-style-type: none;
}
*/
#drop_down_menu {
	display:block;
	position:absolute;
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
	list-style-type:none;
	text-align:center;
	float:none;
	top:50px;
	right: 0px;
}
#drop_down_menu ul a {
	color: #2565AF;
	font-weight: bold;
	font-size: 13px;
}

#drop_down_menu li {
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#11a2db;
	padding:5px;
	cursor:pointer;
	width:160px;
	background-color: #FFF;
	border: 1px dashed #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#drop_down_menu li ul { margin:0px; padding:0px; list-style-type:none; padding-top:10px; }
#drop_down_menu li ul li {
	display:block;
	float:none;
	clear:both;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}
#drop_down_menu li ul li a {
	color:#CD5159;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
#drop_down_menu li ul li a:HOVER {
	text-decoration:none;
	color:#2463B2;
}
#header {
	float: left;
	width: 940px;
	background-color: #000;
	height: 68px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#logo {
	float: left;
	width: 200px;
	padding-top: 3px;
}
#headerright {
	float: right;
	width: 330px;
	height: 68px;
}
#headerright #sulutions {
	height: 68px;
	width: 112px;
	display: block;
	float: left;
	background-image: url(../img2/topmenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#headerright #llt {
	height: 68px;
	width: 218px;
	display: block;
	float: left;
	background-image: url(../img2/topmenu.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#headerright #sulutions:hover {
	background-image: url(../img2/topmenu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#headerright #llt:hover {
	background-image: url(../img2/topmenu.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}









#headerself {
	padding-left: 10px;
	padding-right: 10px;
	width:940px;
	float: left;
	}
#selfleft {
	float: left;
	width: 720px;
	padding-top: 15px;
	}
#selfright {
	float: right;
	width: 210px;
	background-image: url(../img2/topp%20ahover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#selfright li {
	margin: 0px;
	padding: 0px;
	float: left;
}



#selfright #a316 {
	display: block;
	width: 60px;
	height: 50px;






	background-image: url(../img2/topp%20ahover.jpg);
	background-repeat: no-repeat;
	background-position: -90px bottom;

}
#selfright #a316:hover {
	background-image: url(../img2/topp.jpg);
	background-repeat: no-repeat;
	background-position: -90px top;

}


#selfright #dk {
	width: 150px;
	height: 50px;
	display: block;




		background-image: url(../img2/topp%20ahover.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#selfright #dk:hover {
	background-image: url(../img2/topp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#homemain {
	float: left;
	width: 960px;
	line-height: 1.45em;
}

#homebanner {
	float: left;
	width: 960px;
	position: relative;
}






#teaser {
  *display: inline-block;
  width: 960px; }
  #teaser:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
#teaser {
    overflow: hidden;
    position: relative;
    height: 436px; }
  #teaser li {
    *display: inline-block;
	width: 960px;
	margin-top: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	height: 436px;
}
    #teaser li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #teaser li.first {
      margin-top: 0px; }
    #teaser li {
      display: none;
      position: absolute;
      left: 960px;
      margin-top: 0px; }
    #teaser li.first {
      display: block;
      left: 0px;
      box-shadow: 0px 0px 0px black;
      -webkit-box-shadow: 0px 0px 0px black;
      -moz-box-shadow: 0px 0px 0px black; }
    #teaser li a.catch {
	float: left;
	width: 29px;
	height: 436px;
	border-left: 1px solid #FFFFFF;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
      #teaser li a.catch:hover {
        border-left-color: rgba(0, 0, 0, 0.05);
        background-color: rgba(0, 0, 0, 0.05);
        transition-property: background-color;
        transition-duration: 0.5s;
        -moz-transition-property: background-color;
        -moz-transition-duration: 0.5s;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.5s; }
      #teaser li a.catch:active {
        margin-top: 0px; }
    #teaser li.first a.catch {
      width: 30px;
      border-left: none; }
    #teaser li span {
      display: block;
      height: 5px;
      width: 9px;
      margin-left: 10px;
      margin-top: 420px;
      text-indent: -9999px; }
    #teaser li.open span {
      display: block;
      text-indent: -9999px;
      outline: none;
      background-position: -537px -80px; }
    #teaser li.open.black span {
      display: block;
      text-indent: -9999px;
      outline: none;
      background-position: -537px -70px; }
    #teaser li.closed span {
      display: block;
      background-image: url(http://www.varioptic.com/images/layout/sprite.png);
      background-repeat: no-repeat;
      text-indent: -9999px;
      outline: none;
      background-position: -537px -85px; }
    #teaser li.closed.black span {
      display: block;
      text-indent: -9999px;
      outline: none;
      background-position: -537px -75px; }
    #teaser li .teaser {
	float: left;
	position: relative;
	width: 930px;
}
      #teaser li .teaser .teaser_link {
	display: block;
}
    #teaser li a.teaser {
      float: left; }
    #teaser li a.link_area {
      display: block;
      background: transparent;
      position: absolute;
      top: 0;
      left: 0; }
      #teaser li a.link_area.appstore {
        width: 130px;
        height: 45px; }
    #teaser li .teaser.cencurio_teaser .appstore {
      left: 642px;
      top: 360px; }
    #teaser li .teaser.zwanzigzehn_teaser .appstore {
      left: 661px;
      top: 360px; }
    #teaser li .teaser.sport1_teaser .appstore {
      left: 660px;
      top: 351px; }
    #teaser li .teaser.hiring_teaser .link_area {
      left: 503px;
      top: 346px;
      height: 55px;
      width: 225px; }

#kw_intro {
  margin-top: 45px;
  padding-left: 10px;
  padding-right: 10px;
  color: #666;
  font-size: 15px;
  line-height: 22px; }
  #kw_intro .col1,
  #kw_intro .col2 {
    display: inline;
    display: inline-block;
    width: 445px;
    vertical-align: top; }
  #kw_intro .col1 {
    margin-right: 40px; }
  #kw_intro p strong {
    color: #666;
    font-weight: normal; }
  #kw_intro .who_we_are {
    text-indent: -999px;
    overflow: hidden;
    height: 44px; }
  #kw_intro .col2 {
    text-align: right; }
    #kw_intro .col2 p {
      text-align: left; }
  #kw_intro .what_we_do_link {
    color: #000;
    padding-left: 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px; }
    #kw_intro .what_we_do_link:active {
      position: relative;
      top: 1px; }
    #kw_intro .what_we_do_link:hover {
      color: #cc6633; }
  #kw_intro em {
    font-weight: normal;
    font-style: italic; }

#teaser_projects {
  *display: inline-block;
  padding-left: 10px;
  border-top: 1px dashed #000;
  padding-top: 30px;
  margin-bottom: -3em; }
  #teaser_projects:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #teaser_projects ul li {
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    width: 300px;
    position: relative;
    height: 246px; }
    #teaser_projects ul li.last_in_row {
      margin-right: 0; }
    #teaser_projects ul li .teaser {
      position: relative;
      display: block;
      text-decoration: none; }
      #teaser_projects ul li .teaser img {
        display: block;
        height: 160px;
        margin-bottom: 10px;
        position: relative;
        z-index: 1; }
      #teaser_projects ul li .teaser h1 {
        font-size: 16px;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold; }
      #teaser_projects ul li .teaser .hover {
        position: absolute;
        left: 0;
        top: 0;
        height: 160px;
        width: 300px;
        cursor: pointer;
        display: none;
        z-index: 3; }
      #teaser_projects ul li .teaser .category_icon {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 75px;
        height: 37px;
        z-index: 5; }
        #teaser_projects ul li .teaser .category_icon.iphone {
          background-position: 52px -200px; }
        #teaser_projects ul li .teaser .category_icon.ipad {
          background-position: -107px -282px; }
        #teaser_projects ul li .teaser .category_icon.universal {
          background-position: -40px -239px; }
    #teaser_projects ul li p {
      color: #666;
      font-size: 11px;
      margin-top: 8px;
      line-height: 1.3; }






#vp-intro {
	color: #000;
	margin-top: 30px;
	float: left;
	width: 940px;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 10px;
	font-size:20px;
}
#vp-intro .cufon-canvas {
	padding-bottom:10px;}
#whweare {
	float: left;
	width: 440px;
}
#whweareright {
	float: right;
	width: 500px;
}
#homecontentleft{
	width:480px;
	float:left;
	}
#homecontentright
{
	width:480px;
	float:right;
}	
#homecontent {
	float: left;
	width: 960px;
	line-height: 22px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f2f2f2;
}
#homecontent #navigation {
	padding-right: 20px;
	float: left;
	width: 200px;
	padding-left: 10px;
	padding-bottom: 20px;
}
#homecontent #navigation ul {
    padding-top: 3px;
}
#homecontent #navigation ul li:first-child {
    margin-top: 0;
}
#homecontent #navigation ul li a {
	background-image: url(../images/li.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 20px;
	text-transform: uppercase;
	background-position: left center;
}
#homecontent #client_comment {
	min-height: 177px;
	float: left;
	width: 208px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f2f2f2;
	border-left-color: #f2f2f2;
}
#homecontent #homelistne {
	padding-left: 20px;
	float: left;
	width: 450px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#homecontent #homelistne div h2 {
	float: left;
}

#homecontent #homelistne ul li a {
	text-transform: uppercase;
	
}
#homecontent #homelistne li {
		background-image: url(../images/li.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-left: 20px;
		background-position: left center;


}
#homecontent #homelistne ul {
	float: left;
	width: 450px;
}
#homecontent .rss {
	background: url("../img2/rss.jpg") no-repeat scroll left center transparent;
	float: right;
	height: 15px;
	margin-right: 5px;
	position: relative;
	text-indent: -9999pc;
	top: 2px;
	width: 15px;
}
#homecontent .more {
    color: #000000;
    float: right;
    font-weight: bold;
    padding-bottom: 2px;
    text-transform: none;
}


#homecontent #misc {
	border-top: 1px dashed #999;
	clear: left;
	color: #666666;
	font-size: 10px;
	line-height: 12px;
	width: 940px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}


.home-business-use {
	float: right;
	overflow: hidden;
	width: 500px;
}
.home-business-use .business-logos {
	height: 115px;
	overflow: hidden;
}

.home-business-use .business-logo {
	float: left;
	height: 105px;
	margin-top: 10px;
	width: 500px;
	z-index: 1;
}
.home-business-use .business-logo .lt {
	width: 194px;
	margin-top: 0;
	margin-right: 28px;
	margin-bottom: 0;
	margin-left: 28px;
}
.home-business-use .business-logo p {
    font-size: 13px;
    font-style: oblique;
    font-weight: normal !important;
    height: 50px;
    line-height: 16px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 194px;
}
.home-business-use .business-controls {
    height: 13px;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 3;
}
.home-business-use .business-controls a {
    background-image: url("../images/sprite-master.png");
    background-position: -10px -844px;
    float: left;
    height: 13px;
    margin-left: 2px;
    text-indent: -3000px;
    width: 13px;
}
.home-business-use .business-controls a.activeSlide {
    background-position: -23px -844px;
    cursor: default !important;
}
.home-business-use h3.botborder {
	height: 21px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;
	margin-left: 25px;
}
.lt {
	float:left;
}






.home-triple-promo {
    background-image: url("../images/sprite-master.png");
    background-position: -14px -1002px;
    height: 178px;
    margin: -4px -3px 0;
    width: 960px;
}

.home-wide-hr {
	clear: both;
	height: 2px;
	margin-bottom: 24px;
	overflow: hidden;
	width: 100%;
	background-image: url(../images/xian.gif);
}
.home-triple-promo li {
	float: left;
	height: 158px;
	width: 330px;
}
.home-triple-promo li a {
    display: block;
    height: 158px;
    position: relative;
    width: 300px;
}
.home-triple-promo li.li-last {
    width: 300px;
}

.home-triple-promo li a:hover .stnd-over {
    visibility: visible;
}
.home-triple-promo li a img {
    margin: 4px 3px;
}
.home-triple-promo li a:hover img {
    margin: 0 3px 8px;
}
.home-triple-promo li a .stnd-over {
    background-image: url("../images/sprite-master.png");
    background-position: -10px -1190px;
    height: 158px;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 2;
}






#main {
	float: left;
	width: 960px;
	line-height: 1.45em;
	padding-top:30px;
}

#main p {
	padding-bottom:10px;}
#right {
	float: right;
	width: 750px;
}
#news li {
	padding-bottom: 10px;
	}
.newstr td {
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	padding-top: 7px;
	}
#left {
	width: 190px;
	float: left;
}

#nav {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#nav li {
	list-style-type: none;
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #DBDBDB !important;
	border-color: #ACACA3;
	}
#nav li a {
	color: #5F5F5F;
    font-size: 18px;
    line-height: 2.86em;
}
#nav li a:hover {
	color:#000;
}
#nav ul .active {
	background-image: url(../images/sidebar-active.jpg);
}



.slide-out-div {
	background: none repeat scroll 0 0 #F2F2F2;
	height:206px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.slide-out-div h3 {
	background-color: #CCCCCC;
	color: #5f5f5f;
	display: block;
	font-size: 16px;
	padding: 10px 10px 10px 15px;
}
#sidebar_cn, .sidebar_en {
    float: left;
    padding: 15px;
	line-height:18px;
}
#content {
	float: left;
	width: 960px;
	padding-bottom: 30px;
}
#productsbox {
	float: left;
	width: 960px;
}
#breadcrumb {
	width: 960px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f2f2f2;
	padding-bottom: 30px;
	padding-top: 5px;
	font-size: 13px;
}
#breadcrumb a {
	font-size:13px;
}




#partners-img {
    float: left;
    margin-right: 14px;
    margin-top: 14px;
}
#partners-img a.partners-a {
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	margin-right: 25px;
	padding: 3px;
	display: block;
	width: 260px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #F2F2F2;
	border-bottom-color: #D7D7D7;
	border-left-color: #F2F2F2;
}
#partners-img a.partners-a:hover {
	padding: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #efefef;
	border-right-color: #ccc;
	border-bottom-color: #C1C1C1;
	border-left-color: #efefef;
	background-color: #efefef;
}




#foot {
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-position: center top;
	color: #666;
}






#footer {
	width: 940px;
	font-size: 12px;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f2f2f2;
	margin-top: 30px;
}
#footer #footermenu {
	float: left;
	width: 660px;
}
#footermenu ul li {
	float: left;
}

#footermenu ul li a {
	float: left;
	padding-right: 15px;
	color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	font-size: 11px;
}#footermenu ul li a:hover {
	color: #333333;
	text-decoration: underline;

}
#footermenu ul li .loginmenu {
	display: block;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	background-image: url(../img2/footerabg.gif);
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}
#footermenu ul li .loginmenu:hover {
	background-image: url(../img2/footerahover.gif);
	color: #FFF;
	text-decoration: none;
}
#footermenu ul li .loginsd {
	padding-left: 0px;
}


#footer .copy {
	float: right;
	width: 280px;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 11px;
}
#footer p {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 940px;
	color: #999;
}

#foot_f{
	float: left;
	width: 100%;
	background-image: url(../images/foot.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-color: #FFF;
	margin-top: 20px;
	color: #FFFFFF;
}
#footer_f {
	width: 960px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	background-color: #1D5AAD;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}


		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:12px;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%}
		
		#accordion-1{
	width:960px;
	height:436px;
	padding:0px;
	background:#fff;
	float: left;
}
		#accordion-1 dl{
	width:960px;
	height:436px
}	
		#accordion-1 dt{
	line-height:30px;
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #fff;
	background-image: url(../img2/shuxian.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
		#accordion-1 dt.active{
	cursor:pointer;
	color:#000;
	background-color: #fff;
}
		#accordion-1 dt.hover{
	color:#333;
	background-color: #f2f2f2;
}
		#accordion-1 dt.active.hover{
	color:#333;
	background-color: #f2f2f2;
}
		#accordion-1 dd{
	padding:0px;
	background:url(http://www.varioptic.com/css/images/slide.jpg) bottom left repeat-x;
	border-left:0;
	margin: 0px;
}
		#accordion-1 .slide-number{color:#000;left:10px;font-weight:bold}
		#accordion-1 .active .slide-number{color:#000;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{float:right;margin:0 0 0 30px;}
		#accordion-1 h2{font-size:2.5em;margin-top:10px}
		#accordion-1 .more{padding-top:10px;display:block}








#freedom {
	float: left;
	padding: 0px;
	background-color: #fff;
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	width: 220px;
 -moz-border-radius: 6px 6px 6px 6px;
	  -webkit-border-top-left-radius : 6px;
      -webkit-border-top-right-radius : 6px;
      -webkit-border-bottom-left-radius : 6px;
      -webkit-border-bottom-right-radius : 6px;
    border: 1px solid #CCCCCC;
	}
#freedom .ptitle {
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius :6px;
	-webkit-border-bottom-right-radius :3px;
	background-color: #000000;
	height: 30px;
	padding-left: 3px;
	padding-top: 5px;
	float:left;
	padding-right:10px;
	margin-bottom: 10px;
}
#freedom .ptitle p {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 2px 2px 8px;
}
#freedom span {
    background-image: url("../img2/s_technology.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #E7E7E7;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 21px 0 14px 30px;
    text-transform: none;
    width: 190px;
	color:#000;
}
#freedom a {
	background-image: url(../img2/s_technology.png);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 13px;
	text-transform: none;
	width: 190px;
	border-bottom: 1px solid #e7e7e7;
	display: block;
	float: left;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	background-color: #FFF;
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 30px;
	color: #000;
	overflow:hidden;
	}
#freedom li a:hover {
	background-image: url(../img2/s_technology2.png);
	background-position: left center;
	color: #FFF;
	background-color: #000;

}
#freedom li a.selected {
	color: #FFF;
	cursor: default;
	background-image: url(../img2/s_technology2.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #000;
	width:191px;
}

.tabContainer {
	float: right;
	width: 720px;
}
div.colspan2 {
    float: left;
    width: 240px;
}






#freedom2 {
	float: left;
	padding: 0px;
	background-color: #fff;
	color: #FFFFFF;
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	width: 220px;
 -moz-border-radius: 6px 6px 6px 6px;
	  -webkit-border-top-left-radius : 6px;
      -webkit-border-top-right-radius : 6px;
      -webkit-border-bottom-left-radius : 6px;
      -webkit-border-bottom-right-radius : 6px;
	
    border: 1px solid #CCCCCC;
}
#freedom2 .ptitle {
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius :6px;
	-webkit-border-bottom-right-radius :3px;
	background-color: #000000;
	height: 30px;
	padding-left: 3px;
	padding-top: 5px;
	float:left;
	padding-right: 10px;
	margin-bottom: 10px;
	
}
#freedom2 .ptitle p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 2px 2px 8px;
}
#freedom2 li a {
	font-size: 13px;
	text-transform: none;
	width: 174px;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	margin: 0;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 46px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	}
#freedom2 li a:hover {
	background-position: 10px -46px;
	color: #FFF;
	background-color: #000;
}

#freedom2 li .selected {
	color: #FFF;
	cursor: default;
	background-position: 10px -46px;
	background-color: #000;
	width:175px;
}

#freedom2 .Smartphones {
	background-image: url(../img2/s_Smartphones.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#freedom2 .Industrial {
	background-image: url(../img2/s_Industrial.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#freedom2 .Biometrics {
	background-image: url(../img2/s_Biometrics.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#freedom2 .Consumer {
	background-image: url(../img2/s_Consumer.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}
#freedom2 .Medical {
	background-image: url(../img2/s_Medical.png);
	background-repeat: no-repeat;
	background-position: 10px 9px;
}


.usual {
	width: 718px;
	float:left;
	-moz-border-radius: 6px 6px 6px 6px;
	background-color: #FFFFFF;
	border: 1px solid #EFEFEF;
}
.usual .titlebg {
	float:left;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 6px;
	background-color: #fff;
	margin-left: 2px;
	padding-left: 3px;
	padding-right: 10px;
	padding-top: 2px;
}
.usual li {
    float: left;
    list-style: none outside none;
}
.usual ul li a {
	color: #000;
	display: block;
	text-decoration: none !important;
	font-size: 13px;
	font-weight: bold;
	background-attachment: scroll;
	background-color: #efefef;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
}
.usual ul li a:hover {
	background: none repeat scroll 0 0 #fff;
	color: #333;
}
.usual ul li a.selected {
	background: #fff;
	border-bottom: 1px solid snow;
	color: #000000;
	cursor: default;
	margin-bottom: 0;
}
.usual ul li a.selected:hover {
	background: #fff;
	color:#000;
}

.usual div {
	clear: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tab1,#tab2,#tab3,#tab4 {
	color: #000;
}




#returnHomeDemo {
    background: url("http://www.varioptic.com/css/images/bg.gif") no-repeat scroll center top transparent;
    height: 40px;
    margin: 10px 0;
    overflow: hidden;
    padding: 15px 5px 15px 15px;
    position: relative;
    width: 444px;
}
#returnHomeDemo li {
    float: left;
    list-style: none outside none;
}
#returnHomeDemo li.backLava {
    background: url("http://www.varioptic.com/css/images/lava.gif") no-repeat scroll right -30px transparent;
    height: 30px;
    position: absolute;
    width: 9px;
    z-index: 8;
}
#returnHomeDemo li.backLava .leftLava {
    background: url("http://www.varioptic.com/css/images/lava.gif") no-repeat scroll left top transparent;
    height: 30px;
    margin-right: 9px;
}
#returnHomeDemo li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 14px arial;
    height: 30px;
    letter-spacing: 0;
    margin: auto 8px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 7px;
    z-index: 10;
}
#returnHomeDemo li a:hover, #returnHomeDemo li a:active, #returnHomeDemo li a:visited {
    border: medium none;
    color: #FFFFFF;
}
#sitemap ul ul {
	float: left;
	padding-bottom: 0px;
}
#sitemap ul li {
	float: left;
}
#sitemap li a {
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 20px;
}
#sitemap ul ul li a {
	font-weight: bold;
	font-size: 14px;
}
#sitemap ul ul ul li a {
	font-size: 12px;
	font-weight: normal;
}
	#gallery {
	padding: 0px;
	width: 720px;
	float: left;
	}
	#gallery ul { list-style: none; }
	#gallery ul li {
	display: inline;
	float: left;
	width: 150px;
	padding-right: 30px;
	text-align: center;
	height: 200px;
}
#gallery img {
	margin: 0px;
}

	#gallery ul a:hover img {
	color: #fff;
	border: 1px solid #333;
	}
	#gallery ul a:hover { color: #fff; }
#imgcenter {
	width: 100%;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tabContainer #gallery {
	width: auto;
}



div.newsmenu {
	float: left;
	width: 220px;
	-moz-border-radius: 6px 6px 6px 6px;
	color: #FFF;
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0px;
	background-color: #fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #efefef;
	border-right-color: #efefef;
	border-left-color: #efefef;
}
.newsmenu .ptitle {
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topleft: 6px;
	background-color: #000000;
	height: 30px;
	margin-left: 2px;
	padding-left: 3px;
	padding-top: 5px;
	float:left;
	padding-right:15px;
}
.newsmenu .ptitle p {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.newsmenu ul {
	padding-top: 14px;
	float:left;
	width:220px;
}

.newsmenu ul li a {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	padding-left: 19px;
}
.newsmenu ul li a:hover {
	color: #333;
}

.newsContainer {
	float: right;
	width: 720px;
}
#login {
	float: left;
	width: 960px;
}
#loginbox {
	-moz-border-radius: 3px 3px 3px 3px;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 1px;
	width: 585px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	}
#loginbox h1 {
	    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 25px;
    padding: 12px 14px 10px;
    text-shadow: 0 1px 1px #FFFFFF;}
#loginbox #wlpeLogin {
	padding: 0 14px 14px;}	
	#loginbox #wlpeUsernameLabel {
	padding-bottom: 15px;
}
#loginbox #wlpeReset {
	padding: 0 14px 14px;}	
	#loginbox #wlpeUsernameLabel {
	padding-bottom: 15px;
}
#loginbox #wlpeLoginFieldset 
{
	border:0px;

}
#loginbox #wlpeResetFieldset {
	border:0px;
	}
#loginbox #wlpeResetButtonFieldset {
	border:0px;
	}	
#loginbox label {
color: #999999;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 7px;
    text-align: left;
	}
#loginbox input {
	background-image: url("../img2/inputs.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 100%;
    padding: 7px;
    width: 256px;}#login #wlpeLoginButton {
	background-color: #000;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}




#loginboxadmin {
	-moz-border-radius: 3px 3px 3px 3px;
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	padding: 1px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	}
#loginboxadmin h1 {
	    background-color: #F5F5F5;
    border-bottom: 1px solid #DDDDDD;
    font-size: 20px;
    line-height: 25px;
    padding: 12px 14px 10px;
    text-shadow: 0 1px 1px #FFFFFF;}
#loginboxadmincontent {
	padding:0px;}
#loginboxadmincontent li{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-color: #dedede;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#addbuttom {
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFF;
	background-color: #000;
}

#loginboxadmincontent p {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	padding-left: 10px;
}	
#admincontent {
   -moz-border-radius: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    margin: auto auto 40px;
    padding: 5px;
}
#admincontent fieldset {
	border:0px;
	}
#admincontent label	{
	font-size: 13px;
	font-weight: bold;
}
#admincontent #pagetitle {
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}
#admincontent #introtext {
	border: 1px solid #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}

#admincontent .submit	{
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #000;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}



#p_nav {
    color: #757575;
    float: left;
    font-weight: bold;
    height: 30px;
    margin-top: 15px;
    text-align: right;
    width: 100%;
}
#p_nav a {
    border: 1px solid #000000;
    color: #000000;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
}
#p_nav a:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
}
#p_nav a:active {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
}
#p_nav .ditto_currentpage {
    background-color: #000000;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-weight: bold;
    margin: 2px;
    padding: 2px 5px;
}
#p_nav .ditto_off {
    border: 1px solid #EEEEEE;
    color: #DDDDDD;
    margin: 2px;
    padding: 2px 5px;
}

#LoginSuccessful {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
       background: #eef4d3 url(http://www.varioptic.com/css/left.png) center right no-repeat;
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}
.fd-file td {
	padding:3px;
	}
.fd-folder td {
	padding:3px;
	font-size:14px;
	font-weight:bold;
	}
#imgbox {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#ftpdiv {
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #f1f1f1;
}